@import "@/assets/styles/mixins/mixins.scss";

@include b(distrib){
  @include e(header){
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 55rpx 46rpx 48rpx 25rpx ;
  background: #3D3C41;
  @include m(link){
   width: 158rpx;
  height: 56rpx;
  background: #DCB170;
  border-radius: 28px;
  color: #F1F2F6;
  font-size: 30rpx;
  text-align: center;
  line-height: 56rpx;
  }  
  }
  @include e(commission){
     display: flex;
  flex-direction: column;
  align-items: center;
  margin:90rpx 0  107rpx;
  @include m(word){
   font-size: 30rpx;
   color: #5C5C5C;
  }
  @include m(num){
    font-size: 42rpx;
    margin-top: 33rpx;
    margin: 33rpx 0 ;
    font-weight:bold;
  }
  @include m(notes){
    font-size: 26rpx;
    color: #999999;
  }
  }
  @include e(customer){
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 48rpx 0 52rpx;
  font-size: 28rpx;
  margin-bottom:70rpx;
  @include m(img){
    width: 39rpx;
    height: 29rpx;
    margin-right: 17rpx;
  } 
  }
  @include e(code){
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 48rpx 0 52rpx;
  font-size: 28rpx;
  @include m(img){
    width: 30rpx;
    height: 30rpx;
    margin-right: 24rpx;
  }
  }

}
  @include b(distrib__userinfo){
    display: flex;
  align-items: center;
      @include e(img){
        width: 92rpx;
    height: 92rpx;
    background: #FFFFFF;
    border-radius: 50%;
   }
      @include e(name){
     font-size: 30rpx;
      color: #F1F2F6;
      margin-left: 23rpx;
    }
  }

.flex{
  display: flex;
  align-items: center;
}